<!--
This is Jack's web app.
created by Jack.
Using python,html,css,js.
Don't copy it.
                    2021/6/6
-->

<!--所有html的父模板-->
<html>
<head>
<title>{% block title %} {% endblock %}</title>
<link rel="stylesheet" type="text/css" href="/static/css/base.css">
</head>
<body>
<!-- 导航栏 -->
<ul>
    <li><a href="http://localhost:9090/webapp/home" style="font-size:20px;" id="Home">主页-Jack's web app</a></li>
    <li><a href="http://localhost:9090/webapp/programming" id="Programming">编程</a></li>
    <li><a href="http://localhost:9090/webapp/reading" id="Reading">读书</a></li>
    <li><a href="http://localhost:9090/webapp/baidu">百度一下</a></li>
    <li><a href="http://localhost:9090/webapp/python/pythonhome" id="PythonClass">Python教程</a></li>
    <li class="dropdown">
        <a href="#" class="dropbtn" id="Maths">248Maths</a>
        <div class="dropdown-content">
            <a href="http://localhost:9090/webapp/248maths/notices">通知</a>
            <a href="http://localhost:9090/webapp/248maths/mathproblems">数学问题</a>
        </div>
    </li>
</ul>

<!-- 内容 -->
<div class="row">
    <div class="leftcolumn">
        {% block content %}<h2>Nothing here...</h2>{% endblock %}
    </div>
    <div class="rightcolumn">
        {% block column %}
            {% if python %}<!--使用jinja2的条件判断,如果是python教程则更新目录-->
                <h3>Python 教程目录</h3>
                <a href="http://localhost:9090/webapp/python/pythonhome"><i></i>Python 教程</a><br>
                <a href="http://localhost:9090/webapp/python/pythonintro">Python 简介</a><br>
                <a href="http://localhost:9090/webapp/python/pythoninstall">Python 安装</a><br>
                <a href="http://localhost:9090/webapp/python/pythonide">使用IDE:Pycharm</a><br>
                <a href="http://localhost:9090/webapp/python/pythoninout">输入和输出</a><br>
                <a href="http://localhost:9090/webapp/python/pythonbasics">Python 基础</a><br>
                <a href="http://localhost:9090/webapp/python/pythondata">数据类型和变量</a><br>
                <a href="http://localhost:9090/webapp/python/pythonencoding">字符串和编码</a><br>
                <a href="http://localhost:9090/webapp/python/pythonlisttuple">使用list和tuple</a><br>
            {% else %}
                <h3>About me</h3>
                <form>
                    <fieldset>
                        <p>Jack Zhang,a student of Huayu Middle School.</p>
                        <p>Hobbies:playing the piano,singing,programming</p>
                    </fieldset>
                    <fieldset>
                        <legend>My personal signature</legend>
                        <p>生命的意义是什么?生命没有任何意义.但是,我们要给自己的生命创造出意义.</p>
                    </fieldset>
                    <fieldset>
                        <legend>Organizations I attended</legend>
                        <a href="https://gitee.com/onlyyyy">AvenirTech 未来科技</a>
                    </fieldset>
                    <img src="/static/img/QRCODE.jpg" width="210" height="210">
                </form>
            {% endif %}
        {% endblock %}
    </div>
</div>

<!-- 页尾 -->
<div class="footer">
    <p>Jack's web app.©Copyright 2021-2025.<br>All rights deserved.</p>
</div>
</body>
</html>